.zan-capsule {
  display: inline-block;

  transform: scale(.83);
  vertical-align: middle;

  font-size: 12px;
  line-height: 19px;
}
.zan-capsule__left,
.zan-capsule__right {
  display: inline-block;

  box-sizing: border-box;
  height: 19px;

  vertical-align: middle;

  line-height: 17px;
}.zan-capsule__left {
  padding: 0 2px;

  color: #fff;
  border: 1rpx solid #999;
  border-radius: 2px 0 0 2px;
  background: #999;
  &_single {
    border-radius: 2px;
  }
}.zan-capsule__right {
  padding: 0 5px;

  color: #999;
  border: 1rpx solid #999;
  border-radius: 0 2px 2px 0;
  &_single {
    border-radius: 2px;
  }
}.zan-capsule--danger .zan-capsule__left {
  color: #fff;
  border-color: #f5222d;
  background: #f5222d;
}.zan-capsule--danger .zan-capsule__right {
  color: #f5222d;
  border-color: #f5222d;
}
.zan-capsule--warn .zan-capsule__left {
  color: #fff;
  border-color: #faad14;
  background: #faad14;
}.zan-capsule--warn .zan-capsule__right {
  color: #faad14;
  border-color: #faad14;
}
